.book-item-container {
    width: 332px;
    height: 326px;
    background-image: url('../../assets/charpter/item-bg.png');
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 9px 10px;
}

.top {
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    span {
        cursor: pointer;
        width: 102px;
        height: 38px;
        padding-left: 11px;
        background: #409EFF;
        border-radius: 10px 0 0 0;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 38px;
    }
}

.center {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;

    .zhangjie {
        margin-top: 23px;
        margin-bottom: 25px;
        padding: 0 20px;
        font-size: 16px;
        color: #FFFFFF;
        width: 128px;
        height: 141px;
        background-image: url('../../assets/charpter/book1.png');
        background-size: cover;

        .text-center {
            line-height: 40px;
            width: 100%;
            height: 70px;
            margin-top: 19px;
            text-align: center;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }

    .kecheng {
        font-size: 14px;
        font-weight: bold;
        color: #2E2E2E;
    }
}

.bottom {
    width: calc(100% - 40px);
    height: 43px;
    border-top: 1px solid #EBEBEB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
}